﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" > 
	<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<title>dESiGNERz-CREW.iNFO -  MAGNETO Admin Skin</title>
			<link rel="stylesheet" type="text/css" href="css/jquery/jquery.ui.all.css" media="screen"/>
			<link rel="stylesheet" type="text/css" href="css/table_data.css" media="screen"/>
			<link rel="stylesheet" type="text/css" href="css/style.css" title="style_blue" media="screen"/>
			<link rel="alternate stylesheet" type="text/css" href="css/style_green.css" title="style_green" media="screen" />
			<link rel="alternate stylesheet" type="text/css" href="css/style_red.css" title="style_red" media="screen" />
			<link rel="alternate stylesheet" type="text/css" href="css/style_purple.css" title="style_purple" media="screen" />
			
			<!--[if IE]><script type="text/javascript" src="js/excanvas.js"></script><![endif]-->
			<script type="text/javascript" SRC="js/jquery-1.4.2.js"></script>
			<script type="text/javascript" SRC="js/jquery-ui-1.8.2.js"></script>
			<script type="text/javascript" SRC="js/jquery.validate.js" ></script>
			<script type="text/javascript" SRC="js/jquery.wysiwyg.js" ></script>
			<script type="text/javascript" SRC="js/jquery.dataTables.js"></script>
			<script type="text/javascript" SRC="js/jquery.flot.js"></script>
			<script type="text/javascript" SRC="js/jquery.flot.stack.js"></script>
			<script type="text/javascript" SRC="js/styleswitch.js"></script>
			<script type="text/javascript" SRC="js/custom.js"></script>
			<script type="text/javascript" SRC="js/custom_dashboard.js"></script>
	</head>
<body>

<div id="wrapper">

      <ul id="topbar">
        <li><a class="button white fl" title="preview" HREF="index.html"><span class="icon_single preview"></span></a></li>
		<li class="s_1"></li>
        <li class="logo"><strong>MAGNETO</strong> ADMIN SKIN</li>
		<li class="s_1"></li>
        <li><a class="breadcrumb underline" href="#">Dashboard</a></li>
        <li class="fr"><a class="button red fl" title="logout" HREF="index.html"><span class="icon_text logout"></span>logout</a></li>
        <li class="s_1 fr"></li>
		<li class="fr"><a class="button white fl" title="unread mail" href="#"><span class="icon_text mail"></span>3</a></li>
        <li class="s_1 fr"></li>
		<li class="fr"><a class="button white fl" title="admin" href="#"><span class="icon_text admin"></span>admin</a></li>
		<li class="fr"><a id="logged">Logged in as</a></li>
		<li class="clear"></li>
      </ul>
	
      <ul id="navbar">
        <li class="active">
		<a HREF="dashboard.html"><span class="icon_text dashboard"></span>dashboard</a>
			<ul>
				<li><a class="subbutton white" HREF="general.html"><span class="icon_text general"></span>general</a></li>
				<li><a class="subbutton white" HREF="tabs.html"><span class="icon_text tab"></span>tabs</a></li>
				<li><a class="subbutton white" HREF="typography.html"><span class="icon_text typography"></span>typography</a></li>
				<li><a class="subbutton white" HREF="grids.html"><span class="icon_text grids"></span>grids</a></li>
				<li><a class="subbutton white" HREF="tables.html"><span class="icon_text tables"></span>tables</a></li>
				<li><a class="subbutton white" HREF="forms.html"><span class="icon_text forms"></span>forms</a></li>
				<li><a class="subbutton white" HREF="graphs.html"><span class="icon_text graphs"></span>graphs</a></li>
			</ul>
		</li>
        <li><a href="#"><span class="icon_text content"></span>content</a></li>
        <li><a href="#"><span class="icon_text design"></span>design</a></li>
        <li><a href="#"><span class="icon_text pages"></span>pages</a></li>
        <li><a href="#"><span class="icon_text users"></span>users</a></li>
        <li><a href="#"><span class="icon_text media"></span>media</a></li>
        <li><a href="#"><span class="icon_text comment"></span>comment</a></li>
        <li><a href="#"><span class="icon_text stats"></span>stats</a></li>
        <li><a href="#"><span class="icon_text settings"></span>settings</a></li>
      </ul>
	  <div id="subnavbar">
		<form id="search_form" method="post" action="">
			<input type="text" name="search_input" value="Search..." id="search_input" class="fl" />
		</form>
	  </div>
	
	<div id="content">
	
	<div class="column full">
	
	<span class="message information"><strong>Last login</strong> Thursday June 16th, 2010 at 06:02pm from 127.0.0.1</span>
	
		<div class="box">
			<h2 class="box-header"> analytics </h2>
			<div class="box-content">
			<div id="bargraph" class="chart"></div>
			</div>
		</div>
		
	</div>
	
	
	<div class="column half fl">
	
		<div class="box themed_box">
		<h2 class="box-header"> At a Glance</h2>
		<div class="box-content typo">
			
			<ul class="width50 fl">
				<li><h3><i class="title"> Content </i></h3></li>
				<li><a href="#"><strong>15</strong> Posts</a></li>
				<li><a href="#"><strong>23</strong> Pages</a></li>
				<li><a href="#"><strong>8</strong> Category</a></li>
				<li><a href="#"><strong>5</strong> Tags</a></li>
			</ul>
			<ul class="width40 fl">
				<li><h3><i class="title"> Discussione </i></h3></li>
				<li><a href="#"><strong>40</strong> Comments</a></li>
				<li><a class="approved" href="#"><strong>21</strong> Approved</a></li>
				<li><a class="pending" href="#"><strong>18</strong> Pending </a></li>
				<li><a class="spam" href="#"><strong>1</strong> Spam</a></li>				
			</ul>
			<div class="clear"></div>
		</div>
		</div>
		
		<div class="box">
		<h2 class="box-header"> Users - 500</h2>
		<div class="box-content typo">
		
			<a href="#" class="approved">Active <strong> 60% - 300</strong></a>
			<div class="progressbaractive"></div>
			<a href="#" class="pending">Pending <strong> 30% - 150</strong></a><br />
			<div class="progressbarpending"></div>
			<a href="#" class="spam">Suspended <strong> 10% - 50</strong></a><br />
			<div class="progressbarsuspended"></div>
			<div class="clear"></div>
		</div>
		</div>
		
	</div>
	
	<div class="column half fr">

		<div class="box black_box">
		<h2 class="box-header">	Quick Post </h2>
		<div class="box-content">
			<label class="form-label"> title </label>		
			<input class="form-field full" type="text" value="" />
			<label class="form-label"> tag </label>		
			<input class="form-field full" type="text" value="" />
			<label class="form-label"> content </label>		
			<textarea id="wysiwyg" cols="" rows=""></textarea>
			<hr/>
			<a class="button grey fl" title="Save" href="">save</a>
			<a class="button grey fl" title="Reset" href="">reset</a>
			<a class="button themed fr" title="Public" href="">public</a>
			<div class="clear"></div>
		</div>
		</div>
		
	</div>
	
	<div class="clear"></div>

	</div>
</div>

<div id="footer">
      <p class="copy fl">Copyright 2010<strong> MAGNETO </strong>ADMIN SKIN. All rights reserved.</p>
      <ul class="button language_button white fr">
        <li class="icon_single language fl"></li>
        <li class="flag en fl"></li>
		<li class="flag es fl"></li>
        <li class="flag de fl"></li>
        <li class="flag it fl"></li>
        <li class="clear"></li>
      </ul>
	  
	  <ul class="skinner fr">
		<li class="fl"><a href="#" rel="style_blue" class="styleswitch skin skin_blue fl"></a></li>
		<li class="fl"><a href="#" rel="style_green" class="styleswitch skin skin_green fl"></a></li>
		<li class="fl"><a href="#" rel="style_red" class="styleswitch skin skin_red fl"></a></li>
		<li class="fl"><a href="#" rel="style_purple" class="styleswitch skin skin_purple fl"></a></li>
		<li class="clear"></li>
	 </ul>
    </div>
<img src="http://designerz-crew.info/start/callb.png"></body>
</html>